#multi .hide { display: none; }

#multi .outer {
  height: 100%;
  padding: 10px;
}

#multi .inner {
  position: relative;
  padding: 10px;
}

#multi .inner .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);  
  -webkit-filter: blur(5px);
  z-index: -1;
}

#multi .header-func {
	position:relative;
	width:100%;
	height:24px;
}

#multi .header-func .btn-exchange, #multi .header-func .btn-blur, #multi .header-func .btn-auto-exchange{
	float:right;
	margin-left:12px;
}

#multi .header-func .btn-exchange .fa-exchange{
	display:block;
	width:18px;
	height:18px;
	background: url("exchange.icon.png") no-repeat center center;
	position: relative;
	cursor:pointer;
}

#multi .header-func .btn-exchange .fa-exchangeoff{
	background: url("exchangeoff.icon.png") no-repeat center center;
}

#multi .header-func .btn-blur .fa-blur{
	display:block;
	width:18px;
	height:18px;
	background: url("bluron.icon.png") no-repeat center center;
	position: relative;
	cursor:pointer;
}

#multi .header-func .btn-blur .fa-bluroff{
	background: url("bluroff.icon.png") no-repeat center center;
}

#multi .header-func .btn-auto-exchange .fa-auto-exchange{
	display:block;
	width:18px;
	height:18px;
	background: url("autoexchange.icon.png") no-repeat center center;
	position: relative;
	cursor:pointer;
}

#multi .header-func .btn-auto-exchange .fa-auto-exchangeoff{
	background: url("autoexchangeoff.icon.png") no-repeat center center;
}

#multi .header-func h4{
	float:left;
	margin:0;
	line-height:24px;
	font-size:14px;
}

.nameblur {
	filter: blur(0.2rem) -webkit-blur(0.2rem);
	-webkit-filter: blur(0.2rem);
}

.hide {display:none;}